/**
 * 创建app.js文件
 */
Ext.application({
	name:'AM',
	appFolder:'app',
	launch:function(){
		Ext.create('Ext.container.Viewport',{
			layout: 'border',
			items:[{
		        region: 'north',
		        html: '<h3 class="x-panel-header">北 标题</h1>',
		        border: false,
		        margins: '0 0 5 0'
		    },{
		        region: 'west',
		        collapsible: true,
		        title: '西',
		        layout:'fit',
		        items:[nav],
		        width: 150
		        // 这里通常可以使用 TreePanel 或者 AccordionLayout布局的导航菜单
		    },{
		        region: 'south',
//		        title: '南 Panel',
//		        collapsible: true,
		        html: 'Information goes here',
		        split: false,
		        height: 20,
		        margins : '0 5 5 5'
		    },{
		        region: 'east',
		        title: '东 Panel',
		        collapsible: true,
		        split: true,
		        width: 150
		    },{
		    	region: 'center',
				xtype:'userlist'
			}]
		});
	},
	controllers:[
		'Users',
//		'Navs',
	],
});
var nav=Ext.create('Ext.panel.Panel', {  
	boder:false,
//    width :300,   
//    height :300,    
    layout : 'accordion',  
    defaults : {  
        bodyStyle : 'padding:15px'  
    },  
    layoutConfig : {  
        titleCollapse : false,  
        animate : true,  
        activeOnTop : true  
    },  
    items : [ {  
        title : 'Panel 1',  
        html : 'Panel content!'  
    }, {  
        title : 'Panel 2',  
        html : 'Panel content!'  
    }, {  
        title : 'Panel 3',  
        html : 'Panel content!'  
    } ],  
});